<?php
$cdnUrl='./';
$cdnjsUrl='./';
$cdnjsUrl='http://tu-10030004.file.myqcloud.com/hai0125/';
if ('localhost1' == $_SERVER['SERVER_NAME']) {
  $cdnjsUrl='./';
}
$appId='wxe214ac48790c622f';
$secret='6b7153fc9c94ee2008e71ecbb2313bec';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2022年海信专卖店盛大招商</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<?php echo $cdnjsUrl ?>swiper.min.css">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;max-width:750px;background:#5f67ba;}
body, div{padding:0px;margin:0px auto;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div:focus, img:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; 
}
div,img,html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
*{
-webkit-text-size-adjust: none;
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
-webkit-user-select:none; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
user-select:none;
}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
input{display:none;}
.txt{position:absolute;text-align:center;text-indent:6px;color:#fff;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{color:#a3a0a0;text-align:left;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;transform:translate3d(0,0,0);width:100%;height:auto;overflow:hidden;}
.p-b, .thebg{position:absolute;width:100%;top:0;left:0;}
.thebg{height:100%;}
.page, .p1{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.p1{opacity:0;}
.page{display:none;}
.ltop{top:0;}
.w100, .ltop, .p1-bg{position:absolute;width:100%;left:0;display:block;}
.p1-bg{bottom:0;}
.swiper-container{transform:translate3d(0,0,0);}
.swiper-slide{transform:translate3d(0,0,0);overflow: hidden;}
.hide{display:none;}
.d2s{animation-delay: .2s;}
.d3s{animation-delay: .3s;}
.animated.d4s{animation-delay: .4s;}
.animated.d5s{animation-delay: .5s;}
.animated.d6s{animation-delay: .6s;}
.animated.d8s{animation-delay: .8s;}
.animated.d1s{animation-delay: 1s;}
.animated.d12s{animation-delay: 1.2s;}
.animated.d15s{animation-delay: 1.5s;}
.animated.d16s{animation-delay: 1.6s;}
.animated.d18s{animation-delay: 1.8s;}
.animated.d21s{animation-delay: 2.1s;}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes start {
    0%,
    30% {
        opacity: 0;
        -webkit-transform: translateY(-10px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(8px)
    }
}
@keyframes start {
    0%,
    30% {
        opacity: 0;
        transform: translateY(-10px)
    }

    60% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translateY(8px)
    }
}
@-webkit-keyframes fadeInUp {
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0)
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0)
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes rollInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) rotateX(-120deg);
        transform: translate3d(0, 100%, 0) rotateX(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes rollInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) rotateX(-120deg);
        transform: translate3d(0, 100%, 0) rotateX(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
.rollInUp {
    -webkit-animation-name: rollInUp;
    animation-name: rollInUp
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
.arr{position:absolute;z-index:19;-webkit-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out;}
.p1-t1{animation:1s ease 0.1s 1 normal both running fadeInUp;}
.p1-logo{animation:1s ease 0s 1 normal both running fadeInDown;}
.p2-j1{animation:1s ease 1.2s 1 normal both running rollInUp;}
.aniHide{display:none;}
.p2-j1{background:transparent url('<?php echo $cdnjsUrl ?>img/p2-j1.png') no-repeat;background-size:cover;}
.p2-j1-2{width:100%;height:100%;}
.p2-j1-2{animation:1.2s ease 1.8s infinite normal both running flash;}
.p2-b1{animation:1s ease 0s 1 normal both running fadeInDown;}
.p2-z1, .p2-t1{animation:1.6s ease .5s 1 normal both running fadeInLeft;}
.p2-b2{animation:1.2s ease .7s 1 normal both running fadeInLeft;}
.p2-t3{animation:1.6s ease .6s 1 normal both running fadeInUp;}
.p2-z2{animation:1s ease .1s 1 normal both running fadeIn;}
.p2-d1{animation:1s ease 0.2s 1 normal both running bounceInRight;}
.p2-d2{animation:1s ease 0.3s 1 normal both running bounceInRight;}
.p2-d3{animation:1s ease 0.4s 1 normal both running bounceInRight;}
.p2-d4{animation:1s ease 0.5s 1 normal both running bounceInRight;}
.p2-d5{animation:1s ease 0.6s 1 normal both running bounceInRight;}
.p2-d6{animation:1s ease 0.7s 1 normal both running bounceInRight;}



.p3-z1{animation:1s ease 0s 1 normal both running zoomIn;}
.p3-t1{animation:1s ease 0s 1 normal both running fadeInDown;}
.p3-a1{animation:1.2s ease .2s 1 normal both running fadeInLeft;}
.p3-a2{animation:1.2s ease .4s 1 normal both running fadeInLeft;}
.p3-a3{animation:1.2s ease .6s 1 normal both running fadeInLeft;}
.p3-a4{animation:1.2s ease .8s 1 normal both running fadeInLeft;}
.p3-a5{animation:1.2s ease 1s 1 normal both running fadeInLeft;}

.p4-z1{animation:1s ease 0s 1 normal both running zoomIn;}
.p4-t1{animation:1s ease 0s 1 normal both running fadeInDown;}
.p4-t2{animation:1s ease .2s 1 normal both running fadeInLeft;}
.p4-t3{animation:1s ease .4s 1 normal both running fadeInLeft;}
.p4-a1{animation:.9s ease .6s 1 normal both running fadeInUp;}
.p4-a2{animation:.9s ease .7s 1 normal both running fadeInUp;}
.p4-a3{animation:.9s ease .8s 1 normal both running fadeInUp;}
.p4-a4{animation:.9s ease .9s 1 normal both running fadeInUp;}
.p4-a5{animation:.9s ease 1s 1 normal both running fadeInUp;}

.p5-t1{animation:1s ease .2s 1 normal both running fadeInLeft;}
.p5-t2{animation:1s ease .4s 1 normal both running fadeInLeft;}
.p5-t3{animation:1s ease .4s 1 normal both running fadeInRight;}
.p5-t4{animation:1s ease .6s 1 normal both running fadeInLeft;}
.p5-t5{animation:1s ease .6s 1 normal both running fadeInRight;}

.p6-t1{animation:1s ease .2s 1 normal both running fadeInLeft;}
.p6-t2{animation:1s ease .4s 1 normal both running fadeInUp;}
.p6-b1{background:transparent url('<?php echo $cdnjsUrl ?>img/p6-b1.png') no-repeat;background-size:cover;}
.p6-b2{width:100%;}
.p6-b1{animation:1s ease 1.2s 1 normal both running rollInUp;}
.p6-b2{animation:1.2s ease 1.8s infinite normal both running flash;}
.bgm-btn{right: 0;top: 0;border-radius: 15px;background-image: url(./img/arr.svg);background-size: contain;background-repeat: no-repeat;}
.bgm-btn-wraper, .bgm-btn-wraper .bgm-btn {position: absolute;z-index: 200;width: 30px;height: 30px;}
.bgm-btn-wraper {
    right: 16px;
    top: 16px;
}
.bgm-btn-wraper .bgm-btn.rotate{
    -webkit-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}
.fix-iphone{position:absolute;width:100%;height:100%;top:0;left:0;}
.iphone6{width:96%;left:2%;}
.p6-left, .p6-right{position:absolute;z-index:9;top:30%;}
.p6-left2, .p6-right2{position:absolute;top:30%;}
*{
-webkit-touch-callout:none;
-webkit-user-select:none; 
-khtml-user-select:none; 
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
tap-highlight-color: rgba(0,0,0,0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-focus-ring-color:transparent;
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
    border:none;
    -webkit-tap-highlight-color: transparent; 
}
div:focus {
    outline: none;
   -webkit-touch-callout:none;
-webkit-user-select:none; 
-khtml-user-select:none; 
-moz-user-select:none;
-ms-user-select:none;
}
.p6-left2{background:transparent url('<?php echo $cdnjsUrl ?>img/left.png') no-repeat;background-size:cover;}
.p6-right2{background:transparent url('<?php echo $cdnjsUrl ?>img/right.png') no-repeat;background-size:cover;}
</style><script>var _hmt = _hmt || [];(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?837a198ab72da20aaa50d143c5921754";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script></head>
<body>
<div class="container">
<div class="p1">
   
<div class="swiper-container p1-s1"><div class="swiper-wrapper">

     <div class="swiper-slide p0">
       <img class="w100 ltop p1-bg" src="<?php echo $cdnjsUrl ?>img/p1-bg-x.jpg">
       <img class="w100 ltop p1-logo aniHide" src="<?php echo $cdnjsUrl ?>img/p1-logo.png">     
       <div class="thebg"> 
          <img class="p1-t1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p1-t1.png?v=4">
          <img class="p1-t2 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p1-t2.png?v=4">     
       </div>
       <img class="arr" src="<?php echo $cdnUrl ?>img/arr.png?v=1">
       <div class="bgm-btn-wraper"><div class="bgm-btn"></div></div>
     </div>

     <div class="swiper-slide p2">
          <img class="w100 ltop p-b" src="<?php echo $cdnjsUrl ?>img/p2.jpg">
          <div class="thebg">
          	<div class="fix-iphone">
	            <img class="p2-z1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-z1.png">
	            <img class="p2-z2 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-z2.png">  
	          	<img class="p2-b1 simg aniHide" src="<?php echo $cdnjsUrl ?>img/p2-b1.png">
	            <img class="p2-t1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-t1.png">
	            <img class="p2-b2 simg aniHide" src="<?php echo $cdnjsUrl ?>img/p2-b2.png"> 
	            <img class="p2-d1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-d1.png">
	            <img class="p2-d2 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-d2.png">
	            <img class="p2-d3 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-d3.png">
	            <img class="p2-d4 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-d4.png">
	            <img class="p2-d5 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-d5.png">
	            <img class="p2-d6 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-d6.png">
	            <img class="p2-t3 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p2-t3.png">
            </div>
            <div class="p2-j1 simg aniHide">
                <img class="p2-j1-2" src="<?php echo $cdnjsUrl ?>img/p2-j2.png">
            </div>
          </div>
          <img class="arr" src="<?php echo $cdnUrl ?>img/arr.png?v=1">
          <div class="bgm-btn-wraper"><div class="bgm-btn"></div></div>
     </div>
    
     <div class="swiper-slide p3">
          <img class="w100 ltop p-b" src="<?php echo $cdnjsUrl ?>img/p3.jpg">
          <div class="thebg">
            <img class="p3-z1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p3-z1.png">
            <img class="p3-t1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p3-t1.png">
            <img class="p3-a1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p3-a1.png">
            <img class="p3-a2 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p3-a2.png">
            <img class="p3-a3 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p3-a3.png">
            <img class="p3-a4 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p3-a4.png">
            <img class="p3-a5 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p3-a5.png">
            <div class="p2-j1 simg aniHide">
                <img class="p2-j1-2" src="<?php echo $cdnjsUrl ?>img/p2-j2.png">
            </div>
          </div>
          <img class="arr" src="<?php echo $cdnUrl ?>img/arr.png?v=1">
          <div class="bgm-btn-wraper"><div class="bgm-btn"></div></div> 
     </div>
     
    <div class="swiper-slide p4">
       <img class="w100 ltop p-b" src="<?php echo $cdnjsUrl ?>img/p4.jpg">
       <div class="thebg">
       	<div class="fix-iphone">
           <img class="p4-z1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-z1.png">
           <img class="p4-t1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-t1.png">
           <img class="p4-t2 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-t2.png">
           <img class="p4-t3 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-t3.png">
           <img class="p4-a1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-a1.png">
           <img class="p4-a2 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-a2.png">
           <img class="p4-a3 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-a3.png">
           <img class="p4-a4 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-a4.png">
           <img class="p4-a5 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p4-a5.png">
       </div>
          <div class="p2-j1 simg aniHide">
                <img class="p2-j1-2" src="<?php echo $cdnjsUrl ?>img/p2-j2.png">
          </div>
       </div>
       <img class="arr" src="<?php echo $cdnUrl ?>img/arr.png?v=1">
       <div class="bgm-btn-wraper"><div class="bgm-btn"></div></div>
    </div>
    
    <div class="swiper-slide p5">
        <img class="w100 ltop p-b" src="<?php echo $cdnjsUrl ?>img/p5.jpg">
        <div class="thebg">
	        <img class="p5-t1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p5-t1.png">
	        <img class="p5-t2 simg aniHide" src="<?php echo $cdnjsUrl ?>img/p5-t2.png">
	        <img class="p5-t3 simg aniHide" src="<?php echo $cdnjsUrl ?>img/p5-t3.png">
	        <img class="p5-t4 simg aniHide" src="<?php echo $cdnjsUrl ?>img/p5-t4.png">
	        <img class="p5-t5 simg aniHide" src="<?php echo $cdnjsUrl ?>img/p5-t5.png">
	        <div class="p2-j1 simg aniHide">
	           <img class="p2-j1-2" src="<?php echo $cdnjsUrl ?>img/p2-j2.png">
	        </div>
        </div>
        <img class="arr" src="<?php echo $cdnUrl ?>img/arr.png?v=1">
        <div class="bgm-btn-wraper"><div class="bgm-btn"></div></div>  
    </div>
    
    <div class="swiper-slide p6">
      <img class="w100 ltop p-b" src="<?php echo $cdnjsUrl ?>img/p6.jpg">
      <img class="p6-z1 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p6-z1.png">
      <img class="p6-t1 simg aniHide" src="<?php echo $cdnjsUrl ?>img/p6-t1.png">
      <img class="p6-t2 w100 aniHide" src="<?php echo $cdnjsUrl ?>img/p6-t2.png">
      <div class="p6-b1 simg aniHide"><img class="p6-b2" src="<?php echo $cdnjsUrl ?>img/p6-b2.png"></div>
      <div class="swiper-container p6-slider">
      <div class="swiper-wrapper">
         <div class="swiper-slide">
             <img class="p6-s1 w100" src="<?php echo $cdnjsUrl ?>img/p6-s1.png?v=2">
         </div>
         <div class="swiper-slide">
             <img class="p6-s1 w100" src="<?php echo $cdnjsUrl ?>img/p6-s2.png?v=1">
         </div>
         <div class="swiper-slide">
             <img class="p6-s1 w100" src="<?php echo $cdnjsUrl ?>img/p6-s3.png?v=1">
         </div>
         
      </div>
      <div class="p6-left2 simg" ></div>
      <div class="p6-right2 simg"></div>    
      <div class="p6-left simg" ></div>
      <div class="p6-right simg"></div>
      </div>
      
      <div class="bgm-btn-wraper"><div class="bgm-btn"></div></div>
    </div>

       

</div></div>
    
       
   
</div>
  

<div style="display:none;">
    <audio id="mbg" preload="auto" volume="0.2" loop="loop"><source src="http://tu-10030004.file.myqcloud.com/hai0125/m.mp3"  type="audio/mpeg"></audio>
</div>

</div>
<script src="https://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script type="text/javascript" src="<?php echo $cdnjsUrl ?>swiper.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<?php include 'js.php'; ?>
</body></html>